<template>
    <div class="recursion-wrapper">
      <re-component :list="list"></re-component>
    </div>
</template>

<script>
  import reComponent from '@/components/reComponent/reComponent';
  export default {
    name: 'recursion',
    data () {
      return {
        list: []
      }
    },
    components: {
      reComponent
    },
    created () {
      this.initPage();
    },
    methods: {
      initPage () {
        this.$axios.get('/static/json/reComponent.json',{

        }).then( res => {
          if (res.data.status === 1) {
             this.list = res.data.list;
          }
        })
      }
    }

  }

</script>

<style lang="less" scoped>
.recursion-wrapper {
  background-color:#fff;
}
</style>
